import {observer} from 'mobx-react-lite';
import {
  Path,
  Rect,
  G,
  SvgProps,
  Defs,
  Stop,
  LinearGradient,
  Circle,
  ClipPath,
  Svg,
} from 'react-native-svg';
import {useGlobalStore} from '../../mobx';
import {getColorStr} from '../../themes';

export const SvgTDUpdate = observer((props: SvgProps) => {
  const {theme} = useGlobalStore();
  return (
    <Svg width="33" height="32" viewBox="0 0 33 32" fill="none">
      <Circle
        cx="9.27483"
        cy="22.8251"
        r="7.24819"
        transform="rotate(18.5166 9.27483 22.8251)"
        fill="url(#paint0_linear_1347_19792)"
      />
      <Rect
        x="3.83333"
        y="6.40001"
        width="24.5333"
        height="21.8667"
        rx="1.6"
        stroke={getColorStr(theme, 'color_31')}
        strokeWidth="2.13333"
      />
      <Rect
        x="9.086"
        y="3.62561"
        width="2.13333"
        height="5.33333"
        rx="1.06667"
        fill={getColorStr(theme, 'color_31')}
      />
      <Rect
        x="20.8174"
        y="3.62561"
        width="2.13333"
        height="5.33333"
        rx="1.06667"
        fill={getColorStr(theme, 'color_31')}
      />
      <Rect
        x="28.3026"
        y="11.8716"
        width="2.13333"
        height="24.5684"
        rx="1.06667"
        transform="rotate(90 28.3026 11.8716)"
        fill={getColorStr(theme, 'color_31')}
      />
      <Path
        d="M17.8022 19.2473L17.8022 19.2474C17.8416 19.2671 17.9357 19.2985 18.085 19.3416C18.2341 19.3847 18.4064 19.431 18.602 19.4808C18.7975 19.5305 19.003 19.5785 19.2184 19.6249C19.4339 19.6713 19.6311 19.7144 19.8101 19.7542C19.9292 19.7807 20.0415 19.7906 20.1472 19.784C20.2527 19.7774 20.3312 19.7477 20.3833 19.6956C20.4817 19.5972 20.5347 19.4359 20.5413 19.211L20.5413 19.2109C20.5479 19.032 20.5512 18.8414 20.5512 18.6393C20.5512 18.4371 20.5479 18.2416 20.5413 18.0527C20.5346 17.8637 20.528 17.698 20.5214 17.5555L17.8022 19.2473ZM17.8022 19.2473C17.7462 19.221 17.7058 19.1903 17.6806 19.1553C17.6555 19.1205 17.6454 19.0813 17.6502 19.0375C17.6601 18.949 17.6977 18.8787 17.763 18.8264M17.8022 19.2473L17.8005 19.2509C17.6878 19.1978 17.6364 19.1265 17.6464 19.037C17.6563 18.9475 17.6944 18.8763 17.7607 18.8232M20.0778 16.9835C20.0513 17.0034 19.9866 17.0548 19.8839 17.1376C19.7811 17.2205 19.6535 17.3183 19.501 17.431L20.0778 16.9835ZM20.0778 16.9835C20.1176 16.9504 20.1607 16.9255 20.2071 16.9089M20.0778 16.9835L20.2071 16.9089M17.7607 18.8232L17.7629 18.8265C17.7629 18.8265 17.763 18.8264 17.763 18.8264M17.7607 18.8232L17.7632 18.8263C17.7631 18.8263 17.7631 18.8264 17.763 18.8264M17.7607 18.8232L17.763 18.8264M17.763 18.8264C17.7833 18.8128 17.8481 18.7613 17.9571 18.6721C18.0665 18.5826 18.2007 18.4749 18.3598 18.349L18.3574 18.3459L18.355 18.3428L18.3167 18.2945M17.763 18.8264L20.5015 17.2524C20.4883 17.1466 20.4668 17.0676 20.4374 17.0153C20.4078 16.9627 20.3735 16.9286 20.3348 16.9125C20.2961 16.8964 20.254 16.8963 20.2084 16.9126C20.1624 16.929 20.1197 16.9536 20.0803 16.9865L20.0801 16.9866C20.0537 17.0065 19.9891 17.0578 19.8863 17.1407C19.7835 17.2236 19.6558 17.3214 19.5033 17.4341L19.4569 17.4684L19.498 17.4335C19.0873 16.95 18.5906 16.5675 18.0076 16.2859C17.4248 16.0044 16.7922 15.8637 16.1099 15.8637C15.4939 15.8637 14.9143 15.9813 14.3712 16.2164C13.828 16.4516 13.356 16.7695 12.9553 17.1702C12.5546 17.571 12.2366 18.0429 12.0015 18.5861C11.7663 19.1292 11.6487 19.7088 11.6487 20.3249C11.6487 20.9409 11.7663 21.5188 12.0014 22.0586C12.2366 22.5985 12.5546 23.0705 12.9553 23.4745C13.356 23.8786 13.828 24.1965 14.3712 24.4284C14.9143 24.6602 15.4939 24.7761 16.1099 24.7761C16.6134 24.7761 17.0936 24.6966 17.5506 24.5376C18.0077 24.3787 18.4233 24.1584 18.7976 23.8769C19.1718 23.5954 19.4947 23.2592 19.7663 22.8684C20.0379 22.4776 20.2432 22.0504 20.3823 21.5867L20.3824 21.5864C20.4154 21.5007 20.4319 21.4117 20.4319 21.3193C20.4319 21.1215 20.361 20.9501 20.2192 20.8049C20.0774 20.6598 19.9044 20.5873 19.6999 20.5873C19.5283 20.5873 19.38 20.6368 19.2548 20.7357C19.1295 20.8346 19.0438 20.9599 18.9976 21.1116C18.9113 21.4302 18.7769 21.7239 18.5943 21.9928C18.4118 22.2616 18.1927 22.4956 17.9371 22.6947C17.6816 22.8939 17.3994 23.0482 17.0908 23.1578C16.782 23.2673 16.4551 23.3221 16.1099 23.3221C15.6918 23.3221 15.3001 23.2441 14.9349 23.0881C14.5699 22.9321 14.2512 22.718 13.979 22.4458C13.7069 22.1736 13.4928 21.855 13.3368 21.4899C13.1808 21.1248 13.1028 20.7364 13.1028 20.3249C13.1028 19.9067 13.1808 19.515 13.3368 19.1499C13.4928 18.7848 13.7069 18.4662 13.979 18.194C14.2512 17.9218 14.5699 17.7077 14.9349 17.5517C15.3001 17.3957 15.6918 17.3177 16.1099 17.3177C16.5613 17.3177 16.9795 17.409 17.3646 17.5916C17.7297 17.7647 18.0471 17.999 18.3167 18.2945M18.3167 18.2945C18.3314 18.3106 18.3459 18.3269 18.3603 18.3433L18.3081 18.2836L18.3167 18.2945ZM20.2071 16.9089C20.2535 16.8923 20.2966 16.8923 20.3363 16.9089M20.2071 16.9089H20.3363M20.3363 16.9089C20.3761 16.9255 20.4109 16.9603 20.4408 17.0133M20.3363 16.9089L20.4408 17.0133M20.4408 17.0133C20.4706 17.0664 20.4921 17.1459 20.5054 17.252L20.4408 17.0133Z"
        fill={getColorStr(theme, 'color_1')}
        stroke={getColorStr(theme, 'color_31')}
        strokeWidth="0.0078125"
      />
      <Defs>
        <LinearGradient
          id="paint0_linear_1347_19792"
          x1="9.27483"
          y1="15.5769"
          x2="9.27483"
          y2="30.0733"
          gradientUnits="userSpaceOnUse">
          <Stop stopColor={getColorStr(theme, 'color_2')} />
          <Stop offset="1" stopColor={getColorStr(theme, 'color_1')} />
        </LinearGradient>
      </Defs>
    </Svg>
  );
});
